@media screen and (min-width: 1501px) {
    #appearanceDialog {
        position: absolute;
        left: 0px;
        top: 56px;
        width: 387px;
        height: 488px;
        background-image: url('../img/3/storedialogsheet.png');
        background-position: 0px 0px;
        display:none;
    }
    
    #characterLook3 {
        position: absolute;
        left: 50% !important;
        top: 35% !important;
        margin-left:-72px;
        margin-top:-72px
    }
    #characterLookArmor3, #characterLookWeapon3 {
        position: absolute;
    }
    
    #appearanceDialogGoldBackground {
	position: absolute;
	left: 45px;
	top: 375px;
	width: 48px;
	height: 48px;
	background-image: url("../img/3/storedialogsheet.png");
	background-position: -900px -540px;
    }
    
    #appearanceDialogGoldBody {
	position: absolute;
	width: 48px;
	height: 45px;
	background-position: 0px 0px;
	background-image: url("../img/3/item-gold.png");
    }
    
    #appearanceDialogGoldBackground .inventoryGold {
    	position:absolute;
        left: 0;
        top: 51px;
        width: 48px;
        height: 18px;
	font-size:18px;
        color: #fff;
        text-align: center;
        text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;    	    
    }    
}

@media screen and (max-width: 1500px), screen and (max-height: 870px) {
    #appearanceDialog {
        position: absolute;
        left: 0px;
        top: 38px;
        width: 258px;
        height: 325px;
        background-image: url('../img/2/storedialogsheet.png');
        display:none;
    }
    
    #characterLook3 {
        position: absolute;
        left: 50% !important;
        top: 35% !important;
        margin-left:-48px;
        margin-top:-48px
    }
    #characterLookArmor3, #characterLookWeapon3 {
        position: absolute;
    }
    
    #appearanceDialogGoldBackground {
	position: absolute;
	left: 30px;
	top: 250px;
	width: 32px;
	height: 32px;
	background-image: url("../img/2/storedialogsheet.png");
	background-position: -600px -360px;
    }
    
    #appearanceDialogGoldBody {
	position: absolute;
	width: 32px;
	height: 30px;
	background-position: 0px 0px;
	background-image: url("../img/2/item-gold.png");
    }
    
    #appearanceDialogGoldBackground .inventoryGold {
    	position:absolute;
        left: 0;
        top: 34px;
        width: 32px;
        height: 12px;
	font-size:12px;
        color: #fff;
        text-align: center;
        text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;    	    
    }      
}

@media screen and (max-width: 1000px) {
    #appearanceDialog {
        position: absolute;
        left: 0px;
        top: 19px;
        width: 129px;
        height: 163px;
        background-image: url('../img/1/storedialogsheet.png');
        display:none;
    }
    
    #characterLook3 {
        position: absolute;
        left: 50% !important;
        top: 35% !important;
        margin-left:-24px;
        margin-top:-24px
    }
    #characterLookArmor3, #characterLookWeapon3 {
        position: absolute;
    }
    
    #appearanceDialogGoldBackground {
	position: absolute;
	left: 15px;
	top: 125px;
	width: 16px;
	height: 16px;
	background-image: url("../img/1/storedialogsheet.png");
	background-position: -300px -180px;
    }
    
    #appearanceDialogGoldBody {
	position: absolute;
	width: 16px;
	height: 15px;
	background-position: 0px 0px;
	background-image: url("../img/1/item-gold.png");
    }
    
    #appearanceDialogGoldBackground .inventoryGold {
    	position:absolute;
        left: 0;
        top: 17px;
        width: 16px;
        height: 6px;
	font-size:6px;
        color: #fff;
        text-align: center;
        text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;    	    
    }      
    
}

